<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>圈子详情</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/activity/can-ring.css"/>
		<script src="../js/prefixfree.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../js/js.js" ></script>
		
	</head>
	<body>
		<div class="web">
			<header class="clearfix">
				<div class="ring-head fl">
					<a href="can-phone.html"><img src="../img/activity/can2-phone/xiaoyu.png"/></a>
				</div>
				<div class="ring-head2">
					<p>圈子详情</p>
				</div>
			</header>
			<section>
				<div class="ring-zhu">
					<div class="ring-zhu1 fl">
						<span>圈主<b>Fion</b></span>
					</div>
					<div class="ring-zhu2 fr">
						<img src="../img/activity/can-phone/dayu.png"/>
					</div>
				</div>
				<!---->
				<div class="ring-name">
					<div class="ring-name1 fl">
						<span>圈名<b>#全国舞蹈赛#</b></span>
					</div>
				</div>
				<!---->
				<div class="ring-jian">
					<div class="ring-jian1 fl">
						<span>简介<b>**年国际超模广东赛区十佳</b></span>
					</div>
				</div>
				<!---->
				<div class="ring-let">
					<div class="ring-let1 fl">
						<p>邀请艺友一起玩</p>
					</div>
					<div class="ring-let2 fr">
						<a href="can-phone2.html"><img src="../img/activity/ring/ring-png.png"/></a>
						<a href="can-phone2.html"><img src="../img/activity/can-phone/dayu.png"/></a>
					</div>
				</div>
				<!---->
				<div class="ring-person">
					<div>
						圈子成员<b>318</b>
					</div>
					<div>
						帖子<b>268</b>
					</div>
					<div>
						阅读<b>300</b>
					</div>
				</div>
				<!---->
				<div class="ring-ding">
					<div class="ring-ding1 fl" >
						<p>顶置圈子</p>
					</div>
					<div class="ring-ding2 fr" id="huila1" onclick="showopen('1')">
						<div id="huilai1">
							
						</div>
					</div>
				</div>
				<!---->
				<div class="ring-zhi">
					<div class="ring-zhi1 fl">
						<p>接收圈子新帖通知</p>
					</div>
					<div class="ring-zhi2 fr" id="huila2" onclick="showopen('2')">
						<div id="huilai2">
							
						</div>
					</div>
				</div>
				<!---->
				<div class="ring-open">
					<div class="ring-open1 fl">
						<p>关闭声音</p>
					</div>
					<div class="ring-open2 fr" id="huila3" onclick="showopen1()">
						<div id="huilai3">
							
						</div>
					</div>
				</div>
				
				<!---->
				<div class="ring-look">
					<div class="ring-look11 clearfix">
						<div class="ring-look1 fl">
							<p>小组成员</p>
						</div>
						<div class="ring-look2 fr">
							<p>查看全部</p>
						</div>
					</div>
					<ul class="clearfix">
						<li id="ring-houer">
							<div class="ring-look-img" >
								<a href="#ring-houer"><img src="../img/activity/ring/a.png"/></a>
							</div>
							<p>Yoyo莫名</p>
							<div class="ring-look-weixin">
								<a href="#"><img src="../img/activity/can2-phone/can-phone2-er.jpg"/></a>
								<p>扫我加微信</p>
							</div>
						</li>
						<li id="ring-houer1">
							<div class="ring-look-img">
								<a href="#ring-houer1"><img src="../img/activity/ring/b.png"/></a>
							</div>
							<p>奈奈桑</p>
							<div class="ring-look-weixin">
								<a href="#"><img src="../img/activity/can2-phone/can-phone2-er.jpg"/></a>
								<p>扫我加微信</p>
							</div>
						</li>
						<li id="ring-houer2">
							<div class="ring-look-img">
								<a href="#ring-houer2"><img src="../img/activity/ring/c.png"/></a>
							</div>
							<p>小马哥132</p>
							<div class="ring-look-weixin">
								<a href="#"><img src="../img/activity/can2-phone/can-phone2-er.jpg"/></a>
								<p>扫我加微信</p>
							</div>
						</li>
						<li id="ring-houer3">
							<div class="ring-look-img">
								<a href="#ring-houer3"><img src="../img/activity/ring/d.png"/></a>
							</div>
							<p>guanyuchang</p>
							<div class="ring-look-weixin1">
								<a href="#"><img src="../img/activity/can2-phone/can-phone2-er.jpg"/></a>
								<p>扫我加微信</p>
							</div>
						</li>
						<li id="ring-houer4">
							<div class="ring-look-img">
								<a href="#ring-houer4"><img src="../img/activity/ring/e.png"/></a>
							</div>
							<p>shar124</p>
							<div class="ring-look-weixin">
								<a href="#"><img src="../img/activity/can2-phone/can-phone2-er.jpg"/></a>
								<p>扫我加微信</p>
							</div>
						</li>
						<li id="ring-houer5">
							<div class="ring-look-img">
								<a href="#ring-houer5"><img src="../img/activity/ring/f.png"/></a>
							</div>
							<p>hey_任蓝熙</p>
							<div class="ring-look-weixin">
								<a href="#"><img src="../img/activity/can2-phone/can-phone2-er.jpg"/></a>
								<p>扫我加微信</p>
							</div>
						</li>
						<li id="ring-houer6">
							<div class="ring-look-img">
								<a href="#ring-houer6"><img src="../img/activity/ring/g.png"/></a>
							</div>
							<p>小鱼儿闪电</p>
							<div class="ring-look-weixin">
								<a href="#"><img src="../img/activity/can2-phone/can-phone2-er.jpg"/></a>
								<p>扫我加微信</p>
							</div>
						</li>
						<li id="ring-houer7">
							<div class="ring-look-img">
								<a href="#ring-houer7"><img src="../img/activity/ring/h.png"/></a>
							</div>
							<p>岁月静好125</p>
							<div class="ring-look-weixin1">
								<a href="#"><img src="../img/activity/can2-phone/can-phone2-er.jpg"/></a>
								<p>扫我加微信</p>
							</div>
						</li>
						<li id="ring-houer8">
							<div class="ring-look-img">
								<a href="#ring-houer8"><img src="../img/activity/ring/i.png"/></a>
							</div>
							<p>向日葵-徐丽</p>
							<div class="ring-look-weixin">
								<a href="#"><img src="../img/activity/can2-phone/can-phone2-er.jpg"/></a>
								<p>扫我加微信</p>
							</div>
						</li>
						<li id="ring-houer9">
							<div class="ring-look-img">
								<a href="#ring-houer9"><img src="../img/activity/ring/j.png"/></a>
							</div>
							<p>那一棒的风情</p>
							<div class="ring-look-weixin">
								<a href="#"><img src="../img/activity/can2-phone/can-phone2-er.jpg"/></a>
								<p>扫我加微信</p>
							</div>
						</li>
						<li id="ring-houer10">
							<div class="ring-look-img">
								<a href="#ring-houer10"><img src="../img/activity/ring/k.png"/></a>
							</div>
							<p>山姆TNT</p>
							<div class="ring-look-weixin">
								<a href="#"><img src="../img/activity/can2-phone/can-phone2-er.jpg"/></a>
								<p>扫我加微信</p>
							</div>
						</li>
						<li id="ring-houer11">
							<div class="ring-look-img">
								<a href="#ring-houer11"><img src="../img/activity/ring/l.png"/></a>
							</div>
							<p>allo99</p>
							<div class="ring-look-weixin1">
								<a href="#"><img src="../img/activity/can2-phone/can-phone2-er.jpg"/></a>
								<p>扫我加微信</p>
							</div>
						</li>
					</ul>
					<style type="text/css">
						.ring-look li .ring-look-img img:hover{
							animation: fangda 1s ease 0s both;
						}
						@keyframes fangda{
							0%{transform: scale(0);box-shadow:0;}
							0%{transform: scale(1.1);box-shadow: 3px 3px 5 blueviolet;}
						}
					</style>
				</div>
				<input type="button" value="退出该圈子" />
				<!---->
				<style type="text/css">
				
				</style>
				<!---->
			</section>
			
		<script type="text/javascript">
			document.body.style.height = window.innerHeight + "px";
		</script>
		</div>
	</body>
</html>
